import axios from 'axios'
import { get } from 'lodash'
import util from '@/libs/util'
import { errorLog, errorCreate } from './tools'
import router from '@/router'

/**
 * @description 创建请求实例
 */
function createService () {
  // 创建一个 axios 实例
  const service = axios.create()
  // 请求拦截
  service.interceptors.request.use(
    config => config,
    error => {
      // 发送失败
      return Promise.reject(error)
    }
  )
  // 响应拦截
  service.interceptors.response.use(
    response => {
      // 刷新Token
      const accessToken = response.headers.authorization
      if (accessToken) {
        util.storage.set('token', accessToken)
      }
      // dataAxios 是 axios 返回数据中的 data
      const dataAxios = response.data
      // 这个状态码是和后端约定的
      const { code } = dataAxios
      // 根据 code 进行判断
      if (code === undefined) {
        // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 ZeroVue 请求最新版本
        return dataAxios
      } else {
        // 有 code 代表这是一个后端接口 可以进行进一步的判断
        switch (code) {
          case 200:
            // [ 示例 ] code === 200 代表没有错误
            return dataAxios
          case 0:
            // 删除
            util.storage.removeAll()
            // 跳转路由
            router.push({ name: 'login' })
            break
          default:
            // 不是正确的 code
            errorCreate(dataAxios)
            break
        }
      }
    },
    error => {
      if (error && error.response) {
        if (error.response.data.code === 0) {
          util.storage.removeAll()
          router.push({ name: 'login' })
          return Promise.reject(error)
        }
        switch (error.response.data.code) {
          case 400: error.message = error.response.data.data || error.response.data.msg; break
          case 401: error.message = '你没有该功能权限'; break
          case 403: error.message = '拒绝访问'; break
          case 404: error.message = `请求地址出错: ${error.response.config.url}`; break
          case 408: error.message = '请求超时'; break
          case 500: error.message = '服务器内部错误'; break
          case 501: error.message = '服务未实现'; break
          case 502: error.message = '网关错误'; break
          case 503: error.message = '服务不可用'; break
          case 504: error.message = '网关超时'; break
          case 505: error.message = 'HTTP版本不受支持'; break
          default: break
        }
        if (!error.response.data.code) {
          /**
           * 第一种情况，服务器宕机
           * 第二种情况，返回的是流json
           */
          if (error.response.data.type === 'application/json') {
            // 将blob文件流转换成json
            const reader = new FileReader()
            reader.onload = function (event) {
              const message = JSON.parse(reader.result).msg
              error.message = message
              errorLog(error)
            }
            reader.readAsText(error.response.data)
          } else {
            error.message = '服务器宕机'
            errorLog(error)
          }
        } else {
          errorLog(error)
        }
      } else {
        error.message = '服务器宕机'
        errorLog(error)
      }
      return Promise.reject(error)
    }
  )
  return service
}

/**
 * @description 创建请求方法
 * @param {Object} service axios 实例
 */
function createRequestFunction (service) {
  return function (config) {
    const token = util.storage.get('token')
    const configDefault = {
      headers: {
        'Content-Type': get(config, 'headers.Content-Type', 'application/json')
      },
      timeout: 30000,
      baseURL: process.env.VUE_APP_API,
      data: {}
    }
    if (token) {
      configDefault.headers.Authorization = token
    }
    return service(Object.assign(configDefault, config))
  }
}

// 用于真实网络请求的实例和请求方法
export const service = createService()
export const request = createRequestFunction(service)
